<template>
    <div class="homeBottomBox">
        <div class="bottomItem">主页</div>
        <div class="bottomItem">找房</div>
        <div class="bottomItem">服务</div>
        <div class="bottomItem">我的</div>
    </div>
</template>

<script setup lang="ts">

</script>

<style lang="less" scoped>
    .homeBottomBox{
        width: calc(100% - 72px);
        height: 180px; // 80px
        // height: 1.6rem;
        background-color: yellowgreen;
        position: fixed;
        bottom: 0px;
        padding: 0px 36px 180px;
        display: flex;
        justify-content: space-between;
        .bottomItem{
            cursor: pointer;
        }
    }
</style>